<template>
    <div class="header">
        <div class="header-apps">
            <div class="app-view flexWrap">
                <span class="app-name txtLine1">{{name}}</span>
                <span class="iconfont tio-xiala ml-10" style="color:white;line-height:40px"/>
            </div>
        </div>
    </div>
</template>
<script>

export default {
    data() {
        return {
            collapse: false,
            fullscreen: false,
            apps:[],
            name: "项目协作",
        };
    },
    computed: {

    },
    created() {

    },
    methods: {

    },
};
</script>
<style scoped>
.header {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    font-size: 20px;
}
.header .el-button {background: rgba(0,0,0,0); border: 0 !important;}


.app-view {width: 80px; height: 100%; margin-left: 20px;}
.app-name {height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; color:white; overflow: hidden}

</style>
